<!DOCTYPE html><!--Version 1.0--> 
<html>
    <head>
        <title>Zang</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link href="../Public/Index/css/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="../Public/Index/css/font.css" rel="stylesheet" type="text/css"/>
        <link href="../Public/Index/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../Public/Index/js/prettyPhoto3.1.5/prettyPhoto.css" rel="stylesheet" type="text/css"/>
        <link href="../Public/Index/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="../Public/Index/css/main.css" rel="stylesheet" type="text/css"/>
        <link href="../Public/Index/css/zang_style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body class="sMenu_push bg-white">
        <div class="top" id="home">
            <div class="sit-header">
                <div class="container">
                    <div class="logo"><a href="#"><img src="../Public/Index/images/logo.jpg"/></a></div>
                    <!-----導航---->
                    <div class="nav_ba visible-lg visible-md">
                        <ul class="nav_li nav">
                            <li class="active"><a href="#variety">綜藝娛樂</a></li>
                            <li><a href="#artist">藝人管理</a></li>
                            <li><a href="#plan">活動策劃</a></li>
                            <li><a href="#void">影音製作</a></li>
                            <li><a href="#market">市場推廣</a></li>
                            <li><a href="#about">關於讚娛樂</a></li>
                            <li><a href="#customer">合作客戶</a></li>
                        </ul>
                    </div>
                    <button class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></button>
                    <!----- //導航---->
                </div>
                <!-----手机導航---->
                <nav class="sMenu">
                    <h3><i class="fa fa-angle-left"></i> 菜單</h3>
                    <ul >
                        <li><a href="#">綜藝娛樂</a></li>
                        <li><a href="#admin">藝人管理</a></li>
                        <li><a href="#plan">活動策劃</a></li>
                        <li><a href="#void">影音製作</a></li>
                        <li><a href="#market">市場推廣</a></li>
                        <li><a href="#about">關於讚娛樂</a></li>
                        <li><a href="#customer">合作客戶</a></li>
                    </ul>
                </nav>
                <!---手機導航--->
            </div>
        </div>
        <div class="container list">
            <div class="row">
                <div class="col-md-3 col-xs-6 m-t-lg"> 
                    <div class="artist_img div_con">
                        <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                        <div class="portfolio-overlay">
                            <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                <h3>賴珍珍</h3>
                                <h4>文字</h4>
                                <div class="expand"><i class="fa fa-search f-lg"></i></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6 m-t-lg"> 
                    <div class="artist_img div_con">
                        <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                        <div class="portfolio-overlay">
                            <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                <h3>賴珍珍</h3>
                                <h4>文字</h4>
                                <div class="expand"><i class="fa fa-search f-lg"></i></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6 m-t-lg"> 
                    <div class="artist_img div_con">
                        <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                        <div class="portfolio-overlay">
                            <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                <h3>賴珍珍</h3>
                                <h4>文字</h4>
                                <div class="expand"><i class="fa fa-search f-lg"></i></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6 m-t-lg"> 
                    <div class="artist_img div_con">
                        <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                        <div class="portfolio-overlay">
                            <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                <h3>賴珍珍</h3>
                                <h4>文字</h4>
                                <div class="expand"><i class="fa fa-search f-lg"></i></div>
                            </a>
                        </div>
                    </div>
                </div>
                    <div class="col-md-3 col-xs-6 m-t-lg"> 
                        <div class="artist_img div_con">
                            <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                            <div class="portfolio-overlay">
                                <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                    <h3>賴珍珍</h3>
                                    <h4>文字</h4>
                                    <div class="expand"><i class="fa fa-search f-lg"></i></div>
                                </a>
                            </div>
                        </div>
                    </div>
                        <div class="col-md-3 col-xs-6 m-t-lg"> 
                            <div class="artist_img div_con">
                                <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                                <div class="portfolio-overlay">
                                    <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                        <h3>賴珍珍</h3>
                                        <h4>文字</h4>
                                        <div class="expand"><i class="fa fa-search f-lg"></i></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                            <div class="col-md-3 col-xs-6 m-t-lg"> 
                                <div class="artist_img div_con">
                                    <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                                    <div class="portfolio-overlay">
                                        <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                            <h3>賴珍珍</h3>
                                            <h4>文字</h4>
                                            <div class="expand"><i class="fa fa-search f-lg"></i></div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                                <div class="col-md-3 col-xs-6 m-t-lg"> 
                                    <div class="artist_img div_con">
                                        <img src="../Public/Index/images/mingxin_1.jpg" class="blur">
                                        <div class="portfolio-overlay">
                                            <a href="#" data-toggle="modal" data-target="#artist_modal" class="list_a">
                                                <h3>賴珍珍</h3>
                                                <h4>文字</h4>
                                                <div class="expand"><i class="fa fa-search f-lg"></i></div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="pages"><a href="#">上一頁</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">下一頁</a></div>
                            </div>
        </div>
                            <div class="footer pos_rlt m-t-lg ">
                                <a href="#top" id="toTop" class="dk" style="display:block;"><i class="fa fa-angle-up"></i></a>
                                <div class="footer_ico">
                                    <a href="#"><i class="fa fa-facebook-square"></i></a>
                                    <a href="#"><i class="fa fa-rss-square"></i></a>
                                </div>
                                <div class="footer_txt"> Copyright © 2009-2014 WEIBO 讚娛樂有限公司</div>
                            </div>  

                            <!-- 明星详细 -->
                            <div id="artist_modal" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog artist_modal">
                                    <div class="modal-content">
                                        <div class="modal-body mod_top">
                                            <div id="myCarousel" class="artist_info_img carousel slide" data-pause="">
                                                <h2>名字</h2>
                                                <div class="carousel-inner">
                                                    <div class="item artist_img_con active">
                                                        <img src="../Public/Index/images/mingxin_1.jpg">
                                                    </div>
                                                    <div class="item artist_img_con">
                                                        <img src="../Public/Index/images/mingxin_1.jpg">
                                                    </div>
                                                    <div class="item artist_img_con">
                                                        <img src="../Public/Index/images/mingxin_1.jpg">
                                                    </div>
                                                </div>
                                                <ol class="carousel-indicators">
                                                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                                    <li data-target="#myCarousel" data-slide-to="1"></li>
                                                    <li data-target="#myCarousel" data-slide-to="2"></li>
                                                </ol>
                                                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                                                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                                            </div>

                                            <div class="artist_info">资料</div>
                                            <div class="mod_bottom"></div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Messge -->       
                            <div class="messge">
                                <div class="messge_nav">聯系我們 CONTACT  US</div>
                                <div class="message_content">
                                    <form action="{:U('Post/message')}" method="post" id="form_message">               
                                        <input class="message_input " type="text" name="contacts" onfocus="if (value == '姓名 Name') {
                                                    value = ''
                                                }" onblur="if (value == '') {
                                                            value = '姓名 Name'
                                                        }" value="姓名 Name" />
                                        <input class="message_input" type="text" name="phone" onfocus="if (value == '電話 Phone') {
                                                    value = ''
                                                }" onblur="if (value == '') {
                                                            value = '電話 Phone'
                                                        }" value="電話 Phone" />
                                        <input class="message_input" type="text" name="email" onfocus="if (value == '郵箱 Email') {
                                                    value = ''
                                                }" onblur="if (value == '') {
                                                            value = '郵箱 Email'
                                                        }" value="郵箱 Email" />
                                        <textarea class="message_text_area" name="content"></textarea>
                                        <input class="message_button" type="submit" value="發送 Send" />
                                    </form>
                                </div>
                            </div>
                            <script src="../Public/Index/js/jquery.min.js" type="text/javascript"></script>
                            <script src="../Public/Index/css/bootstrap/bootstrap.min.js" type="text/javascript"></script>
                            <script src="../Public/Index/js/swiper.min.js" type="text/javascript"></script>
                            <script src="../Public/Index/js/ad_lunbo/modernizr.custom.53451.js" type="text/javascript"></script><!-- ad_lunbo --> 
                            <script src="../Public/Index/js/ad_lunbo/jquery.gallery.js" type="text/javascript"></script>
                            <script src="../Public/Index/js/prettyPhoto3.1.5/jquery.prettyPhoto.js" type="text/javascript"></script> <!-- prettyPhoto -->
                            <script src="../Public/Index/js/main.js" type="text/javascript"></script>
                            </body>
                            </html>